<template>
  <div class='paySuccess'>
    <!-- <van-nav-bar
      title=""
      fixed
      safe-area-inset-top
      placeholder 
      :border="false"
      @click-left="onClickLeft"
    >
        <template #left>
        <van-icon :name="iconReturn" size="30" />
    </template>
    </van-nav-bar> -->
    <div class="conts">
        <van-icon class="icon01" size="64px" :name="bigRadio" />
        <div class="text01">支付成功</div>
        <div class="text02">感谢您的购买</div>
        <van-button type="default" class="btns" @click="onClickLeft">返回</van-button>
    </div>
  </div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
export default {
  // import引入的组件需要注入到对象中才能使用
  name:'paySuccess',
  components: {},
  data () {
  // 这里存放数据
    return {
      source:'2',
      iconReturn:require("@/assets/icon/icon-return2.png"),
      bigRadio:require("@/assets/icon/bigRadio.png")
    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    onClickLeft(){
      if(this.source == 1){
        this.$router.go(-1)
      }
      if(this.source == 2){
        this.$router.replace({path:'/orderList',query: {status:2}})
      }
    },
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {
    let source = this.$route.query.source
    if(source){
      this.source = source
    }
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {
  },
  beforeCreate () {}, // 生命周期 - 创建之前
  beforeMount () {}, // 生命周期 - 挂载之前
  beforeUpdate () {}, // 生命周期 - 更新之前
  updated () {}, // 生命周期 - 更新之后
  beforeDestroy () {}, // 生命周期 - 销毁之前
  destroyed () {}, // 生命周期 - 销毁完成
  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='scss' scoped>
// @import url(); 引入公共css类
.paySuccess{
    height: 100vh;
    background: #F7F7F7;
     font-family: PingFangSC-Regular, PingFang SC;
     text-align: center;
     .conts{
         background: #FFFFFF;
         padding-top: 72px;
         padding-bottom: 72px;
        .icon01{
            margin-bottom:48px;
        }
        .text01{
            font-size:40px;
            color: #4D4D4D;
            line-height: 56px;
        }
        .text02{
            margin-top: 16px;
            font-size: 28px;
            font-weight: 400;
            color: #999999;
            line-height: 40px;
        }
        .btns{
            margin-top: 48px;
            width: 200px;
            height: 64px;
            border-radius: 2px;
            border: 2px solid #CBCBCB;
            font-size: 28px;
            color: #999999;
        }
     }
}
</style>
